<template>
    <section class="its-diary clearfix">
        <div class="right mydiary-right">
            <router-view></router-view>
            <div class="mydiary-title">
                TA的日记
            </div>
            <my-diary></my-diary>
            <product-Nav :navList="i" v-for="(i, k) in navList" :key="k" :width="218"></product-Nav>
        </div>
    </section>
</template>

<script>
    import HeaderMenu from '@/components/Header/'
    import PageFooter from '@/components/Footer/'
    import BottomIcon from '@/components/BottomIcon/'
    import UserTop from '@/components/Usertop/'
    import MyDiary from '@/components/Usertop/MyDiary'
    import UserNav from '@/components/Usertop/userNav'
    import SideUser from "@/components/My/UserInfo/SideUserinfo"
    import SideList from "@/components/SideMenu/SideList"
    import productNav from "@/components/ProductNav/"
    export default {
        name: "ItsDiary",
        components: {
            PageFooter,
            BottomIcon,
            HeaderMenu,
            UserTop,
            UserNav,
            SideUser,
            SideList,
            MyDiary,
            productNav
        },
        data () {
            return {
                navList: [
                    {id: 1, title: 'TA预约过的项目',type:1,
                        child:[
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22,
                            },
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22,
                            },
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22,
                            },
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22,
                            },
                        ]

                    },
                    {id: 2, title: '为TA手术过的医生',type:2,
                        child:[
                            {
                                doctor:'周一围',
                                physician:'主治医生',
                                department:'粉红宝宝医疗美容门诊部',
                                good :'脸部、鼻部、面部轮廓',
                                img:require('../../assets/meirong1.jpg')
                            },
                            {
                                doctor:'周一围',
                                physician:'主治医生',
                                department:'粉红宝宝医疗美容门诊部',
                                good :'脸部、鼻部、面部轮廓',
                                img:require('../../assets/meirong1.jpg')
                            },
                            {
                                doctor:'周一围',
                                physician:'主治医生',
                                department:'粉红宝宝医疗美容门诊部',
                                good :'脸部、鼻部、面部轮廓',
                                img:require('../../assets/meirong1.jpg')
                            },
                        ]

                    },
                ],
            }
        }
    }
</script>

<style scoped lang="less">
  .its-diary{
      .mydiary-right{
          width: 890px;
          float: right;
          padding-top: 20px;
          .mydiary-title{
              line-height: 35px;
              border-bottom:2px solid #ff5371;
              color: #ff526e;
              font-size: 18px;
              padding-left: 10px;
          }


      }
      .container{
          padding-bottom: 60px;
      }
  }
</style>